<template>
  <div class="d-r-i">
    <div class="com-title">
      相关精华答疑
    </div>
    <zl-answer-list
      class="answer-list-detail-list"
      :type="2"
      :answer-data="list"
      :no-pager="true"
      :isShowBg="false"
    ></zl-answer-list>
  </div>
</template>

<script>
import answerList from '@/components/answer_question/answer_list.vue'
export default {
  components: {
    'zl-answer-list': answerList
  },
  props: {
    list: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped>
.d-r-i {
  padding: 30px 30px 0;
  background: #ffffff;
  border-radius: 12px;
}
.com-title {
  height: 16px;
  font-size: 22px;
  font-weight: 600;
  color: #383838;
}

.d-r-i /deep/ .answer-list-detail-list .answer-list-cont {
  padding: 14px 20px;
}

.answer-list-detail-list {
  background-color: transparent;
}
</style>
